<template>
  <div class="xinwen">
    <div class="xinwen_body minh389">
      <div class="hangye_nav_sy">
        <div class="title_l">新闻资讯</div>
        <div class="iconfont icon-triangle-right"></div>
        <div
          class="huang_li"
          v-for="(item, index) in huangNav"
          :key="index"
          @click="nativeTo(item)"
        >
          {{ item.title }}
        </div>
      </div>
      <div class="xinwen_home">
        <div class="left_si">
          <div class="xinwen_title_c_sy">
            <div class="left_c">热 点</div>
            <!-- <div class="right_c">更多》</div> -->
          </div>
          <div class="xinwen_model">
            <div class="bi_title shengluehao">
              的撒旦飞洒发大水发的撒的萨达是的撒旦飞洒发大水发的撒的萨达是
            </div>
            <div class="sec_title shengluehao">
              的撒旦飞洒发大水发的撒的萨达是
            </div>
            <div class="zuo_img_you_list">
              <img src="@assets/img/1_06.jpg" alt="" class="f_left_img" />
              <div class="right_list">
                <div class="hang_p shengluehao">
                  的撒旦飞洒发大水发的撒的萨达是
                </div>
                <div class="hang_p shengluehao">
                  的撒旦飞洒发大水发的撒的萨达是
                </div>
              </div>
            </div>
          </div>
          <div class="xinwen_title_c_sy">
            <div class="left_c">下发文件</div>
            <div class="right_c">更多》</div>
          </div>
          <div class="xinwen_model2">
            <div class="wenjian_box">
              <div class="fi_title">
                <div class="left">大赛考虑到静安寺</div>
                <div class="r_time">2021-03-19</div>
              </div>
              <div class="content_text">
                的撒旦飞洒发大水发的撒的萨达是的撒旦飞洒发大水发的撒的萨达是的撒旦飞洒发大水发的撒的萨达是的撒旦飞洒发大水发的撒的萨达是的撒旦飞洒发大水发的撒的萨达是的撒旦飞洒发大水发的撒的萨达是
              </div>
            </div>

          </div>
        </div>
        <div class="reight_si">
          <div class="box_title_sy right_bd_b">
            <div class="box_pt1">
              <div class="b_title">工作通知</div>
              <div class="more" @click="changeNav(2)">更多》</div>
            </div>
            <div class="box_pt2">
              <div
                class="hang_hezuo_sy"
                v-for="(item, index) in qiyedongtaiList"
                :key="index"
                @click.stop="nativeTo(item)"
              >
                <div class="tab_left shengluehao">
                  <div class="iconfont icon-shuangyoujiantou"></div>
                  <div class="shengluehao">{{ item.title }}</div>
                </div>
              </div>
            </div>
          </div>
          <div class="box_title_sy right_bd_b">
            <div class="box_pt1">
              <div class="b_title">各地政务</div>
              <div class="more" @click="changeNav(2)">更多》</div>
            </div>
            <div class="box_pt2">
              <div
                class="hang_hezuo_sy"
                v-for="(item, index) in qiyedongtaiList"
                :key="index"
                @click.stop="nativeTo(item)"
              >
                <div class="tab_left shengluehao">
                  <div class="iconfont icon-shuangyoujiantou"></div>
                  <div class="shengluehao">{{ item.title }}</div>
                </div>
              </div>
            </div>
          </div>
          <div class="box_title_sy right_bd_b">
            <div class="box_pt1">
              <div class="b_title">行业动态</div>
              <div class="more" @click="changeNav(2)">更多》</div>
            </div>
            <div class="box_pt2">
              <div
                class="hang_hezuo_sy"
                v-for="(item, index) in qiyedongtaiList"
                :key="index"
                @click.stop="nativeTo(item)"
              >
                <div class="tab_left shengluehao">
                  <div class="iconfont icon-shuangyoujiantou"></div>
                  <div class="shengluehao">{{ item.title }}</div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  components: {},
  data() {
    return {
      huangNav: [
        { title: "下发文件", url: "/wenjiantongzhi", sel: 0 },
        { title: "公告公示", url: "/message", sel: 1 },
        { title: "工作通知", url: "/wenjiantongzhi", sel: 1 },
        { title: "各地政务", url: "/xinwenNav" },
        { title: "行动动态", url: "/message", sel: 4 },
        { title: "标准公告", url: "/" },
      ],
    };
  },
  methods: {
    nativeTo(item) {
      console.log(item);

      this.$router.push({ path: item.url, query: { sel: item.sel } });
    },
  },
};
</script>

<style scoped lang="stylus">
.xinwen_body {
  width: 1000px;
  margin: 0 auto;
  padding-top: 20px;

  .xinwen_home {
    padding-top: 16px;
    display: flex;
    justify-content: space-between;

    .left_si {
      width: 660px;
    }

    .reight_si {
      width: 320px;

      .right_bd_b {
        margin-bottom: 16px;
      }
    }

    .xinwen_model{
      .bi_title{
        font-size 18px
        color #2172ce
        padding 4px 10px
      }
      .sec_title{
        color #666
        padding 4px 10px
      }
      .zuo_img_you_list{
        padding 4px 10px
        display flex
        .f_left_img{
          width 260px
          height 200px
        }
        .right_list{
          padding-left 10px;
          .hang_p{
            padding 4px 0
          }
        }
      }
    }
    .xinwen_model2{
      .wenjian_box{
        +.wenjian_box{
          border-top 1px solid #f0f0f0
        }
        .fi_title{
          display flex
          justify-content space-between
          padding 10px 0
          .left{
            font-size 16px
          }
          .r_time{
            color #999

          }
        }
        .content_text{
          color #999
          text-indent:2em
          line-height 26px
        }
      }
    }
  }
}

.xinwen_title_c_sy {
  display: flex;
  justify-content: space-between;
  background-color: #f0f0f0;
  margin-bottom: 6px;

  .left_c {
    padding: 4px 26px;
    background-color: #2172ce;
    color: #fff;
    font-size: 16px;
  }

  .right_c {
    padding: 4px 10px 4px 26px;
    cursor: pointer;
  }
}
</style>
